<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery遍历元素</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <script>
    //将不同颜色的div换成不同的颜色 将他们的内容相加
    var arr = ['red','green','blue'];
    var sum = 0;
    $(function () {
      // $('div').each(function (index/*索引*/,dom/*获取的dom对象*/) {
      //   console.log(index);
      //   console.log(dom);
      //   $(dom).css('color',arr[index]);//注意这里是dom对象 要转换成jquery对象
      //   sum += parseInt(dom.innerText);
      // })
      // console.log(sum);

      //$.each()遍历数据 第一个参数 数据 第二个参数 回调方法
      // $.each($('div'),function (index,ele) {
      //   console.log(index);
      //   console.log(ele);
      // })

      //$.each() 主要用来遍历数据 比如 数组的
      $.each(arr,function (index,ele) {
        console.log(index);
        console.log(ele);
      })
      //遍历对象 索引变为 属性名 元素变为 属性值
      $.each({name:'cty',age:18},function (index,ele) {
        console.log(index);
        console.log(ele);
      })
    })
  </script>
</body>
</html>